<!DOCTYPE html>
<html lang="en">

	<head>
		<meta charset="utf-8" />
		<title>用户—订单管理</title>

		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<meta name="apple-mobile-web-app-capable" content="yes" />

		<link href="../assets/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
		<link href="../assets/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet" />
		<link rel="icon" href="../ico.ico" /> 
		<link href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600" rel="stylesheet" />
		<link href="../css/font-awesome.css" rel="stylesheet" />

		<link href="../css/adminia.css" rel="stylesheet" />
		<link href="../css/adminia-responsive.css" rel="stylesheet" />

		<link href="../css/pages/plans.css" rel="stylesheet" />

		<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
		<!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	</head>

	<body>

		<div class="navbar navbar-fixed-top">

			<div class="navbar-inner">

				<div class="container">

					<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</a>

					<a class="brand" href="./">Adminia Admin</a>

					<div class="nav-collapse">

						<ul class="nav pull-right">

							<li class="divider-vertical"></li>

							<li class="dropdown">

								<a data-toggle="dropdown" class="dropdown-toggle " href="#">
									Rod Howard <b class="caret"></b>
								</a>

								<ul class="dropdown-menu">

									<li>
										<a href="./change_password.html"><i class="icon-lock"></i> Change Password</a>
									</li>

									<li class="divider"></li>

									<li>
										<a href="./"><i class="icon-off"></i> Logout</a>
									</li>
								</ul>
							</li>
						</ul>

					</div>
					<!-- /nav-collapse -->

				</div>
				<!-- /container -->

			</div>
			<!-- /navbar-inner -->

		</div>
		<!-- /navbar -->

		<div id="content">

			<div class="container">

				<div class="row">

					<div class="span3">

						<div class="account-container">

							<div class="account-avatar">
								<img src="../img/headshot.png" alt="" class="thumbnail" />
							</div>
							<!-- /account-avatar -->

							<div class="account-details" id="user">
					
								<span class="account-name">{{tel}}</span>

								<span class="account-role">Administrator</span>

							</div>
							<!-- /account-details -->

						</div>
						<!-- /account-container -->

						<hr />

						<ul id="main-nav" class="nav nav-tabs nav-stacked">

							<li>
								<a href="user_login_jump.html">
									<i class="icon-home"></i> 我的主页
								</a>
							</li>

							<li>
								<a href="faq.html">
									<i class="icon-pushpin"></i> 新建订单
								</a>
							</li>

							<li class="active">
								<a href="plans.html">
									<i class="icon-th-list"></i> 订单管理
								</a>
							</li>

							<li>
								<a href="grid.html">
									<i class="icon-th-large"></i> 用户信息修改

								</a>
							</li>
							<li>
								<a href="account.html">
									<i class="icon-user"></i> 用户账号
								</a>
							</li>

							<li>
								<a href="login.html">
									<i class="icon-lock"></i> 新的登录
								</a>
							</li>

						</ul>

						<hr />

						<div class="sidebar-extra">
							<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.</p>
						</div>
						<!-- .sidebar-extra -->

						<br />

					</div>
					<!-- /span3 -->

					<div class="span9">

						<h1 class="page-title">
					<i class="icon-th-list"></i>
					订单列表				
				</h1>

						<div class="widget">

							<div class="widget-header">
								<h3>最新待评分订单</h3>
							</div>
							<!-- /widget-header -->

							<div class="widget-content">

								<div class="pricing-plans plans-3">

									<div class="plan-container" v-for="(item,index) in orderList1">
										<div class="plan">
											<div class="plan-header">

												<div class="plan-title">
													待评分订单{{index+1}}
												</div>
												<!-- /plan-title -->

												<div class="plan-price">
													<span class="note">RMB</span>{{item.order_moneny}}<span class="term">交易金额</span>
												</div>
												<!-- /plan-price -->

											</div>
											<!-- /plan-header -->

											<div class="plan-features">
												<ul>
													<li><strong>废品类型</strong> {{item.type}}</li>
													<li><strong>描述信息</strong> {{item.order_rub_infor}}</li>
													<li><strong>评分描述</strong><input type="text" v-model="gradeInfo"/> </li>
													<li>
														<strong>评分(1-10)</strong><input v-model="grade" type="text" />
													</li>

												</ul>
											</div>
											<!-- /plan-features -->

											<div class="plan-actions">
												<a href="javascript:;" v-bind:value="index" class="btn" onclick="pingfen(this)">提交评分</a>
											</div>
											<!-- /plan-actions -->

										</div>
										<!-- /plan -->
									</div>
									<!-- /plan-container -->
								</div>
								<!-- /pricing-plans -->

							</div>
							<!-- /widget-content -->

						</div>
						<!-- /widget -->

						<div class="widget widget-table">

							<div class="widget-header">
								<i class="icon-th-list"></i>
								<h3>新建的订单</h3>
							</div>
							<!-- /widget-header -->

							<div class="widget-content">

								<table class="table table-striped table-bordered">
									<thead>
										<tr>
											<th>#</th>
											<th>废品类型</th>
											<th>重量</th>
											<th>交易金额</th>
											<th>详细信息</th>
											<th>订单创建时间</th>
											<th>撤销订单</th>
										</tr>
									</thead>

									<tbody>
										<tr v-for="(item,index) in orderList2">
											<td>{{index+1}}</td>
											<td>{{item.type}}</td>
											<td>{{item.weight}}</td>
											<td>{{item.order_moneny}}</td>
											<td>{{item.order_rub_infor}}</td>
											<td>{{item.order_time_begin}}</td>
											<td class="action-td">
												<a href="javascript:;" class="btn btn-small btn-warning">
													<i class="icon-remove" onclick="shanchu(this)" v-bind:value="index"></i>
												</a>

											</td>
										</tr>
									</tbody>
								</table>

							</div>
							<!-- /widget-content -->

						</div>
						<!-- /widget -->

						<div class="col-md-10" style="float: right; width: 840px;">
							<div class="row">
								<div class="panel panel-default">
									<div class="widget-header">
										<h3>正在处理的订单</h3>
									</div>
									<div class="bootstrap-admin-panel-content">
										<table class="table table-striped table-bordered">
											<thead>
												<tr>
													<th>#</th>
													<th>废品类型</th>
													<th>重量</th>
													<th>交易金额</th>
													<th>详细信息</th>
													<th>订单接收时间</th>
													<th>正在处理的回收站联系方式</th>
												</tr>
											</thead>
											<tbody>
												<tr class="gradeX" v-for="(item,index) in orderList3">
													<td>{{index+1}}</td>
													<td>{{item.type}}</td>
													<td>{{item.weight}}</td>
													<td class="center">{{item.order_moneny}}</td>
													<td class="center">{{item.order_rub_infor}}</td>
													<td class="center">{{item.order_time_deal}}</td>
													<td class="center">{{item.recycle}}</td>
												</tr>
											</tbody>
										</table>
									</div>
									
								</div>
							</div>
						</div>
						<div class="col-md-10" style="float: right; width: 840px; margin-bottom: 100px;">
							<div class="row">
								<div class="panel panel-default">
									<div class="widget-header">
										<h3>评分完成的订单</h3>
									</div>
									<div class="bootstrap-admin-panel-content">
										<table class="table table-striped table-bordered">
											<thead>
												<tr>
													<th>#</th>
													<th>废品类型</th>
													<th>重量</th>
													<th>交易金额</th>
													<th>详细信息</th>
													<th>订单完成时间</th>
													<th>回收站联系方式</th>
													<th>您的评分</th>

												</tr>
											</thead>
											<tbody>
												<tr class="odd gradeX" v-for="(item,index) in orderList4">
													<td>{{index+1}}</td>
													<td>{{item.type}}</td>
													<td>{{item.weight}}</td>
													<td class="center">{{item.order_moneny}}</td>
													<td class="center">{{item.order_rub_infor}}</td>
													<td>{{item.order_time_finish}}</td>
													<td>{{item.recycle}}</td>
													<td>{{item.oldgrade}}</td>
												</tr>
											</tbody>
										</table>
									</div>
									
								</div>
							</div>
						</div>

						<script src="../assets/jquery/jquery-3.2.1.min.js"></script>
						<script src="../assets/vue/vue.min.js"></script>
						<script src="../assets/bootstrap/js/bootstrap.min.js"></script>
						<script src="../assets/mylibrary/cookie.js"></script>
						<script src="../assets/mylibrary/urlParam.js"></script>
						<script src="../js/common.js"></script>
						<!-- Le javascript
================================================== -->
						<!-- Placed at the end of the document so the pages load faster -->
						<script src="../js/jquery-1.7.2.min.js"></script>

						<script src="../js/bootstrap.js"></script>
						<script type="text/javascript" src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
						<script type="text/javascript" src="../js_1/bootstrap.min.js"></script>
						<script type="text/javascript" src="../js_1/twitter-bootstrap-hover-dropdown.min.js"></script>
						<script type="text/javascript" src="../js_1/jquery.dataTables.min.js"></script>
						<script type="text/javascript" src="../js_1/DT_bootstrap.js"></script>
	</body>
	<script src="../ourJS/plans.js"></script>
</html>